<!DOCTYPE html>
<html>
<head>
<script src="../../resources/ahem.js"></script>
<style>
.wrapper {
    height: 100px;
    display: inline-block;
    font: 16px Ahem;
}

table {
    display: inline-table;
    border-spacing: 0px;
}

td {
    padding: 0px;
    vertical-align: middle;
    color: blue;
}
</style>
</head>
<body>
    <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=91137">91137</a>: REGRESSION(r117339): cell in block-level table in inline-block are aligned with their last line box</p>
    <p>This test checks that an 'inline-table' contributes its baseline to determine an inline-block baseline.</p>
    <p>The 2 blue texts should be aligned below.</p>
    <div class="wrapper">
        <table>
            <td>First</td>
        </table>
    </div>
    <div class="wrapper">
        <table>
            <td>&nbsp;<br>&nbsp;<br>Second</td>
        </table>
    </div>
</body>
</html>
